<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="./css/main.css"/>
</head>
<body>
<div id="div">
</div>
</body>
<script src="http://apps.bdimg.com/libs/jquery/1.8.1/jquery.min.js"></script>
<script src="./js/main.js"></script>
<script>
    $(function(){
        var cus={
            'content':[
                ['标题1','./img/1.jpg','#8bc34a'],
                ['标题2','./img/2.jpg','#2196f3'],
                ['标题3','./img/3.jpg','#ffc107'],
                ['标题4','./img/1.jpg','#00bcd4'],
                ['标题5','./img/p.jpg','#f44336']
            ],
            'font':{
                'size':14,
                'color':'#fff',
                'align':'middle'//top|middle|bottom
            },
            'titleW':50,
            'imageW':700,
            'imageH':300
        };
        var __wh=$('#div');
        $().__ccAccordion(__wh, cus);
    });
</script>
</html>